<template>
  <a-empty
    :description="description"
    :image="image"
    :image-style="imageStyle"
  >
    <template v-if="$slots.description" #description>
      <slot name="description" />
    </template>
    <template v-if="$slots.image" #image>
      <slot name="image" />
    </template>
    <slot />
  </a-empty>
</template>

<script>
import { defineComponent } from 'vue'
import { Empty } from 'ant-design-vue'
export default defineComponent({
  name: 'ZEmpty',
  components: {
    AEmpty: Empty
  },
  props: {
    description: {
      type: String,
      default: undefined
    },
    image: {
      type: String,
      default: undefined
    },
    imageStyle: {
      type: Object,
      default: undefined
    }
  }
})
</script>
